<template>
  <div class="container">
    <van-form @submit="onSubmit" :show-error-message="error">
      <!--    header-->
      <heade></heade>
      <!--    content-->
      <div class="content">
        <!--        content-top-->
        <content-top></content-top>
        <!--    content-center-->
        <div class="content-center">
          <Date></Date>
        </div>
        <!--    content-btn-->
        <van-cell title="求职状态" required/>
        <div class="content-btn">
          <van-button plain url="javascript:;" type="primary" size="small" @click.prevent="btn_handle">离职-随时到岗</van-button>
          <van-button plain url="javascript:;" type="primary" size="small" @click.prevent="btn_handle">在职-近期到岗</van-button>
          <van-button plain url="javascript:;" type="primary" size="small" @click.prevent="btn_handle">在职-考虑机会</van-button>
          <van-button plain url="javascript:;" type="primary" size="small" @click.prevent="btn_handle">在职-暂不考虑</van-button>
        </div>
        <div style="margin: 16px;">
          <van-button round block type="info" native-type="submit" color="#59C262">
            下一步
          </van-button>
        </div>
      </div>
    </van-form>
  </div>
</template>

<script>
import Date from './component/Date'
import ContentTop from './component/ContentTop'
import Heade from './component/Header_'

export default {
  name: 'index',
  components: {
    Heade,
    ContentTop,
    Date
  },
  data () {
    return {
      error: false
    }
  },
  methods: {
    onSubmit (e) {
      if (e.date && e.radio && e.username && e.worker_experience) {
        this.$router.push('/position')
      } else {
        this.$toast('还有未填写内容哟')
      }
    },
    btn_handle (e) {
    }
  }
}
</script>

<style lang="scss" scoped>

/*::v-deep .van-field__control {*/
/*  border: 1px solid #000000;*/
/*  padding: 5px 10px;*/
/*  border-radius: 8px;*/
/*}*/

::v-deep .van-cell {
  padding: 5px 16px;
  border-radius: 8px;
}

.container {
  box-sizing: border-box;

  .content {
    padding: 10px 10px;

    .content-btn {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;

      .btn_style {
        background-color: red;
      }

      .van-button {
        width: 40%;
        margin: 10px;
        border-radius: 5px;
      }
    }
  }
}

.input_ {
  border: 1px solid #cccccc;
  border-radius: 8px;
}
</style>
